import React from 'react'
import { useNavigate } from 'react-router-dom'
import './shezhi.css'
export default function Shezhi() {
    const navigate = useNavigate();
    const tcdr =()=>{
        sessionStorage.setItem("data",JSON.stringify(""))
        navigate('/login')
    }
    return (
        <div className='all'>
            <div className="head">
                <p>
                    &lt;<span onClick={()=>{navigate('/app/my')}}>系统设置</span>
                </p>
            </div>
            <hr className='h1'/>
            <div className="main">
                <div><p onClick={()=>{navigate('/zl')}}>个人资料</p><span>&gt;</span></div>
                <hr />
                <div><p>账号与安全</p><span>&gt;</span></div>
                <hr />
                <div>
                    <p>隐私设置</p><span>&gt;</span>
                </div>

            </div>
            <hr className='h1'/>
            <div className="fot">
                <div>
                    <p>消息设置</p><span>&gt;</span>
                </div>
                <hr />
                <div>
                    <p>跑步设置</p><span>&gt;</span>
                </div>
            </div>
            <hr className='h1'/>
            <div className="fot1">
            <div>
                    <p>清理缓存</p><span className='s2'>286.50MB&gt;</span>
                </div>
                <hr />
                <div>
                    <p>隐私管理</p><span>&gt;</span>
                </div>
                <hr />
                <div>
                    <p>服务协议</p><span>&gt;</span>
                </div>
                <hr />
                <div>
                    <p>关于我们</p><span>&gt;</span>
                </div>
            </div>
            <div className="fot2">
                <p onClick={()=>{tcdr()}}>退出登录</p>
            </div>
        </div>
    )
}
